﻿@page "/components/typography"

<DocsPage>
    <DocsPageHeader Title="Typography" ComponentLink="components/typography" SubTitle="Use MudText to present your design and content as clearly and efficiently as possible." />
    <DocsPageContent>
        <DocsPageSection>
            <SectionHeader Title="General">
                <Description>MudBlazor's default font is Roboto and is not loaded automatically. The installation instructions include how to load the font. But in general, the fastest and easiest way is to load it from Google Fonts, as in the example below.</Description>
            </SectionHeader>
            <SectionContent Outlined="true">
                <TextGeneralExample />
            </SectionContent>
            <SectionSource Code="TextGeneralExample" GitHubFolderName="Typography"  />
        </DocsPageSection>
        <DocsPageSection>
            <SectionHeader Title="Alignment">
                <Description></Description>
            </SectionHeader>
            <SectionContent Outlined="true" FullWidth="true">
                <TextAlignmentExample />
            </SectionContent>
            <SectionSource Code="TextAlignmentExample" GitHubFolderName="Typography" />
        </DocsPageSection>
    </DocsPageContent>
</DocsPage>